<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib tagdir="/WEB-INF/tags/" prefix="ag"%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<!-- Variables de redirections struts -->
<ag:urls />

<!-- Css -->
<link href="<s:url value="/assets/css/bootstrap.css"/>" rel="stylesheet"
	type="text/css">
<link href="<s:url value="/assets/css/style.css"/>" rel="stylesheet"
	type="text/css">
<link href="<s:url value="/assets/font-awesome/css/font-awesome.css"/>"
	rel="stylesheet" type="text/css">
<link href="<s:url value="/assets/css/style-responsive.css"/>"
	rel="stylesheet" type="text/css">
<link href="<s:url value="/assets/css/dev/saisie.css"/>"
	rel="stylesheet" type="text/css">
<link href="<s:url value="/assets/css/datepicker.css"/>"
	rel="stylesheet" type="text/css">

<!-- JS -->
<script src="<s:url value="/assets/js/jquery.js"/>"></script>
<script src="<s:url value="/assets/js/agraf/gerer/saisie.js"/>"></script>


<title>Saisie</title>
</head>
<body>

	<section id="contenair"> <ag:header /> <ag:menu /> </section>

	<section id="main-content"> <section class="wrapper">
	<div class="col-md-12">
		<div class="content-panel">
			<h4>Faire la Saisie <img
					src="<s:url value="/assets/img/get_info.png"/>" id="getInfoPage"></h4>
			<hr>
			<div id="divTableauSaisie">
				<div id="erreur"></div>
				<s:actionmessage />
				<div class="select_perimetre">
					Perimetre : <select id="selectPerimetre">
						<option value="0">-- Choisissez un périmètre --</option>
						<s:iterator value="perimetreList" var="perimetre">
							<option value="${perimetre.id }">${perimetre.libelle }</option>
						</s:iterator>
					</select>
				</div>
				<div class="select_activite">
					Activité : <select id="selectActivite" disabled="disabled">
						<option value="0" selected="selected">-- Choisissez une
							activité --</option>
					</select>
				</div>
				Date : <input type="text" id="datepicker" /> Consommé de cette date
				: <span id="consommeJournee"> </span>
				<table class="table table-striped table-advance table-hover">
					<thead>
						<tr>
							<th class="thSaisie">Tache</th>
							<th class="thSaisie">Date de début</th>
							<th class="thSaisie">Charge initiale</th>
							<th class="thSaisie">Consommé total</th>
							<th class="thSaisie">Dérive</th>
							<th class="thSaisie">Commentaires</th>
							<th class="thSaisie">Consommé</th>
							<th class="thSaisie">RAF</th>
							<th class="thSaisie">Etat</th>
							<th class="thSaisie"></th>
						</tr>
					</thead>
					<tbody id="tacheTab">
					</tbody>
				</table>
				<div id="valider_saisie">
					<button id="valider_saisie_button" type="submit"
						class="btn btn-round btn-warning">Valider les saisies</button>
				</div>
				<input id="idUtilisateur" type="hidden"
					value="${ utilisateurConnecte.id}" /> <input id="reinit_id"
					type="hidden" value="${reinit }" />
			</div>
		</div>
	</div>


	<div class="col-md-12" id="col-md-12-saisie">
		<div class="content-panel" id="content-panel-saisie">
			<h4>
				Saisies du <span id="dateSaisie"></span>
			</h4>
			<hr>
			<div id="divTableauSaisie" class="divSaisies">

				<table class="table table-striped table-advance table-hover">
					<thead>
						<tr>
							<th class="thSaisie">Perimetre</th>
							<th class="thSaisie">Activité</th>
							<th class="thSaisie">Tache</th>
							<th class="thSaisie">Commentaires</th>
							<th class="thSaisie">Consommé</th>
							<th class="thSaisie">RAF</th>
							<th class="thSaisie">Etat</th>
							<th class="thSaisie"></th>
						</tr>
					</thead>
					<tbody id="saisieTab">

					</tbody>
				</table>
			</div>
		</div>
	</div>
	</section> </section>
	<ag:ajoutJs />
	<ag:popupNotification />
	<ag:popupValiderSaisie />
	<ag:popupInfoPage />
</body>
</html>
